<!DOCTYPE html>
<html lang="en">
<head>
<title>Airlines - Viagens Internacionais</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="javascript/jquery-1.4.2.js"></script>
<script type="text/javascript" src="javascript/cufon-yui.js"></script>
<script type="text/javascript" src="javascript/cufon-replace.js"></script>
<script type="text/javascript"
	src="javascript/Myriad_Pro_italic_600.font.js"></script>
<script type="text/javascript"
	src="javascript/Myriad_Pro_italic_400.font.js"></script>
<script type="text/javascript" src="javascript/Myriad_Pro_400.font.js"></script>
<script type="text/javascript" src="javascript/modals.js"></script>
<script type="text/javascript" src="javascript/login.js"></script>
<!--[if lt IE 9]>
	<script type="text/javascript" src="http://info.template-help.com/files/ie6_warning/ie6_script_other.js"></script>
	<script type="text/javascript" src="js/html5.js"></script>
<![endif]-->
</head>
<body id="page1">
	<div class="body1">
		<div class="main">
			<!-- header -->
			<header>
				<div class="wrapper">
					<h1>
						<a href="index.html" id="logo">Air Lines</a><span id="slogan">Viagens
							Internacionais</span>
					</h1>
					<div class="right" style="margin-top: 31px; margin-left: 25px;">

						<form name="frmLogin" method="POST" action=""
							onsubmit="return validarCampos()">

							<span style="margin-left: 7px; color: white">Usuário: </span> <span>
								<input type="text" id="user" name="user" class="input input1">
							</span> <span style="margin-left: 7px; color: white;">Senha: </span> <span>
								<input type="password" id="password" name="senha"
								class="input input1">
							</span> <span>
								<button class="button3" onclick="check(this.form)"
									style="margin-left: 425px; margin-top: -25px;" type="button">Entrar
								</button>
							</span>

						</form>

						<nav>
							<ul id="menu">
								<li><a href="index.html">home</a></li>
								<li><a href="institucional.html">Institucional</a></li>
								<li><a href="index-3.html">Agências</a></li>
								<li><a href="index-4.html">Contato</a></li>
							</ul>
						</nav>
					</div>
				</div>
			</header>
		</div>
	</div>
	<div class="main"></div>
	<!-- / header -->
	<div class="main">
		<!-- content -->
		<section id="content">
			<article class="col1">
				<div class="pad_1" style="width: 260px">
					<h2>Comprar Passagem</h2>
					<form id="form_1" action="" method="post">

						<div class="wrapper pad_bot1">
							<div class="radio marg_right1">
								<input type="radio" name="name1">Ida e Volta<br>
							</div>
							<div class="radio marg_right1">
								<input type="radio" name="name1">Somente Ida
							</div>
						</div>

						<p class="under" style="width: 280px; margin-top: -10px;">
						<div class="wrapper">
							De:
							<div class="bg">
								<input type="text" class="input input1">
							</div>
						</div>
						<div class="wrapper">
							Para:
							<div class="bg">
								<input type="text" class="input input1">
							</div>
						</div>
						<div class="wrapper">
							Data de Partida:
							<div class="wrapper">
								<div class="bg left">
									<input type="date" class="input input2">
								</div>
							</div>
						</div>
						<div class="wrapper">
							Data de Retorno:
							<div class="wrapper">
								<div class="bg left">
									<input type="text" class="input input2">
								</div>
							</div>
						</div>
						<div class="wrapper">
							<p>Adultos</p>
							<div class="bg left" style="width: 70px;">
								<select class="input input2" id="cmbAdultos"
									style="height: 20px;">
									<option>0</option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
								</select>
							</div>

							<p style="margin-left: 75px; margin-top: -19px;">Crianças</p>
							<div class="bg left"
								style="width: 70px; margin-left: 5px; margin-top: -1px;">
								<select class="input input2" id="cmbCriancas"
									style="height: 20px;">
									<option>0</option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
								</select>
							</div>

							<p style="margin-left: 152px; margin-top: -19px;">Bebês</p>
							<div class="bg left"
								style="width: 70px; margin-left: 5px; margin-top: -2px;">
								<select class="input input2" id="cmbBebesColos"
									style="height: 20px;">
									<option>0</option>
									<option>1</option>
									<option>2</option>
									<option>3</option>
									<option>4</option>
									<option>5</option>
									<option>6</option>
									<option>7</option>
									<option>8</option>
									<option>9</option>
								</select>
							</div>

							<a href="#" class="button2"
								style="margin-top: 2px; width: 208px; margin-right: 0px; text-align: center;"
								onClick="document.getElementById('form_1').submit()">Comprar
								Bilhete</a>
						</div>
					</form>
					<h2>Newsletter</h2>
					<p class="under">
						<a
							href="http://www.panrotas.com.br/noticia-turismo/aviacao/tam-libera-check-in-com-um-ano-de-antecedencia_95970.html"
							class="link1">Tam libera check-in com um ano de antecedência</a><br>Janeiro
						9, 2014
					</p>
					<p class="under">
						<a
							href="http://portuguese.ruvr.ru/news/2014_01_10/Acidente-de-avia-o-no-Afeganist-o-mata-tr-s-militares-da-OTAN-2789/"
							class="link1">Acidente de aviação no Afeganistão mata três
							militares da OTAN</a><br>Janeiro 9, 2014
					</p>
					<p class="under">
						<a
							href="http://www.panrotas.com.br/noticia-turismo/aviacao/copa-2014-anac-avalia-15-mil-pedidos-de-voos-extras_95895.html"
							class="link1">Copa 2014: Anac avalia 1,5 mil pedidos de voos
							extras </a><br>Janeiro 5, 2014
					</p>
					<h2 style="width: -900px;">Airlines nas Redes Sociais</h2>
					<span style="width: 23px"> <a href="" title="Twitter"
						target="_blank"><img alt="Twitter"
							src="images/compartilhe_twitter.jpg" style="BORDER: 0px solid;"></a>
						<a href="#" title="Facebook" target="_blank"><img
							alt="Facebook" src="images/compartilhe_facebook.jpg"
							style="BORDER: 0px solid;"></a> <a href="" title="Instagram"
						target="_blank"><img alt="Instagram"
							src="images/compartilhe_instagram.png" style="BORDER: 0px solid;"></a>
						<a href="" title="RSS" target="_blank"><img alt="RSS"
							src="images/compartilhe_rss.jpg" style="BORDER: 0px solid;"></a>
						<a href="" title="Youtube" target="_blank"><img alt="Youtube"
							src="images/compartilhe-youtube.jpg" style="BORDER: 0px solid;"></a>
					</span>
				</div>
			</article>

			<article class="col2 pad_left1">
				<h2>Ofertas - Airlines</h2>
				<div class="marker">
					<div class="wrapper">
						<p class="pad_bot2">Pacotes de viagem para os melhores
							destinos, pelos melhores preços do Brasil!</p>
						<p class="under" style="width: 502px; margin-top: -19px;">
					</div>

					<div class="wrapper" style="height: 123px; width: 857px">
						<p class="pad_bot2" style="width: 766px;">
							<a href="#janela1" rel="modal"> <img alt="Saiba mais"
								src="images/Fortaleza.jpg"></a> <img alt=""
								src="images/bg_box1.jpg"
								style="height: 310px; margin-top: -19px; margin-left: 12px;">
							<a href="#janela2" rel="modal"><img alt="Saiba mais"
								src="images/Maceio.jpg" style="margin-left: 10px;"></a>
						</p>
					</div>
				</div>

				<div id="mascara"></div>

				<div class="cc">
					<h2>Formas de Pagamento</h2>
					<span>Cartões de Crédito</span>
					<p class="under" style="width: 280px; margin-top: -1px;">
				</div>

				<span style="width: 23px"> <a href="" title="MasterCard"
					target="_blank"><img alt="MasterCard" src="images/Master.gif"
						style="BORDER: 0px solid;"></a> <a href="" title="Visa"
					target="_blank"><img alt="Visa" src="images/visa_v2.jpg"
						style="BORDER: 0px solid;"></a> <a href=""
					title="American Express" target="_blank"><img
						alt="American Express" src="images/American.gif"
						style="BORDER: 0px solid;"></a>
				</span>

				<div class="cd" style="margin-left: 305px; margin-top: -75px">
					<span>Cartões de Débito</span>
					<p class="under" style="width: 280px; margin-top: -10px;">
				</div>

				<div style="margin-left: 305px; margin-top: -1px">
					<span style="width: 23px"> <a href="" title="Visa Electron"
						target="_blank"><img alt="Visa Electron"
							src="images/visa_eletron.gif" style="BORDER: 0px solid;"></a>
					</span>
				</div>

				<div class="tb" style="margin-top: 20px;">
					<span>Transferência Bancária</span>
					<p class="under" style="width: 280px; margin-top: -10px;">
				</div>

				<span style="width: 23px"> <a href="" title="Banco do Brasil"
					target="_blank"><img alt="Banco do Brasil" src="images/bb.gif"
						style="BORDER: 0px solid;"></a> <a href="" title="Bradesco"
					target="_blank"><img alt="Bradesco" src="images/bradesco.jpg"
						style="BORDER: 0px solid;"></a> <a href="" title="Itaú"
					target="_blank"><img alt="Itaú" src="images/itau.jpg"
						style="BORDER: 0px solid;"></a>
				</span>

				<div class="pp" style="margin-left: 305px; margin-top: -77px">
					<span>PayPal</span>
					<p class="under" style="width: 280px; margin-top: -10px;">
				</div>

				<div style="margin-left: 305px; margin-top: -1px">
					<span style="width: 23px"> <a href="" title="PayPal"
						target="_blank"><img alt="PayPal" src="images/PayPal.gif"
							style="BORDER: 0px solid;"></a>
					</span>
				</div>

				<br>
				<p></p>

				<span>Compras realizadas através do website da Airlines -
					Viagens Internacionais estão isentas da "taxa de emissão". Referida
					taxa é cobrada nas compras realizadas através do call center,
					balcões localizados nos aeroportos, lojas físicas e nas agências de
					viagens autorizadas, mediante a cobrança de R$ 30,00 (trinta reais)
					para compras com o valor total de até R$ 300,00 (trezentos reais)
					ou 10% (dez por cento) sobre o valor da tarifa acima de R$ 300,00.
					A Airlines - Viagens Internacionais informa que apenas vende
					passagens aéreas por meio dos canais oficiais mencionados.
					Mensagens falsas vêm sendo indevidamente enviadas via e-mail por
					pessoas não autorizadas..</span>
			</article>
		</section>
		<!-- / content -->
	</div>

	<div class="body2">
		<div class="main">
			<!-- footer -->
			<footer class="footer">
				<a href="" target="" style="color: white; text-decoration: none;">Sobre
				</a><span> | </span><a href=""
					style="color: white; text-decoration: none;"> Termos de Serviço
				</a><span> | </span><a href=""
					style="color: white; text-decoration: none;"> Login </a><span>
					| </span> <a href="" style="color: white; text-decoration: none;">
					Versão para Android </a><span> | </span> © 2014 TSP Software<br>
			</footer>
			<!-- / footer -->
		</div>
	</div>

	<script type="text/javascript">
		Cufon.now();
	</script>

	<div class="window" id="janela1">
		<a href="#" class="fechar">X Fechar</a>
		<h4 style="font-size: 18px; font-weight: bold; text-align: center;">Fortaleza</h4>

		<p></p>
		<img alt="" src="images/Fortaleza.jpg" style="text-align: center">

		<br> <br>

		<h3>
			<a href='#' title='Hotel Diogo' target="_blank">Hotel Diogo</a>
		</h3>
		<p>
			<strong> <a href='#'
				title='Café da manhã - Passagem aérea ida e volta - 7 noites'>Café
					da manhã - Passagem aérea ida e volta - 7 noites</a>
			</strong>
		</p>
		<div class="precos">
			<p>A partir de</p>
			<div class='pink'>
				<span class="quantidade">10x</span> <span class="valor">244</span>,00
			</div>
			<span class="total">sem juros<br />total: <strong>R$2440,00</strong>
			</span>

		</div>
	</div>

	<div class="window" id="janela2">
		<a href="#" class="fechar">X Fechar</a>

		<h4 style="font-size: 18px; font-weight: bold; text-align: center;">Maceió</h4>

		<p></p>
		<img alt="" src="images/Maceio.jpg" style="text-align: center">

		<br> <br> <a href='#' title='Ritz Coralli Hotel Boutique'
			target="_blank">Ritz Coralli Hotel Boutique</a>
		<p>
			<strong> <a href='#'
				title='Café da manhã - Passagem aérea ida e volta - 7 noites'>Café
					da manhã - Passagem aérea ida e volta - 7 noites</a>
			</strong>
		</p>
		<div class="precos">
			<p>A partir de</p>
			<div class='green'>
				<span class="quantidade">10x</span> <span class="valor">234</span>,00
			</div>
			<span class="total">sem juros<br />total: <strong>R$2340,00</strong>
			</span>
		</div>

	</div>

	<script type="text/javascript">
		$(document).ready(function() {
			$("a[rel=modal]").click(function(ev) {
				ev.preventDefault();

				var id = $(this).attr("href");

				var alturaTela = $(document).height();
				var larguraTela = $(window).width();

				//colocando o fundo preto
				$('#mascara').css({
					'width' : larguraTela,
					'height' : alturaTela
				});
				$('#mascara').fadeIn(1000);
				$('#mascara').fadeTo("slow", 0.8);

				var left = ($(window).width() / 2) - ($(id).width() / 2);
				var top = ($(window).height() / 2) - ($(id).height() / 2);

				$(id).css({
					'top' : top,
					'left' : left
				});
				$(id).show();
			});

			$("#mascara").click(function() {
				$(this).hide();
				$(".window").hide();
			});

			$('.fechar').click(function(ev) {
				ev.preventDefault();
				$("#mascara").hide();
				$(".window").hide();
			});
		});
	</script>

	<script language="javascript">
		function check(form)/*function to check userid & password*/
		{
			/*the following code checkes whether the entered userid and password are matching*/
			if (form.user.value == "" && form.senha.value == "") {
				alert("Favor informar todos os campos.")/*displays error message*/
			} else {

			}
		}
	</script>
</body>
</html>